.header {
    background-color: #ff841d;
    display: flex;
    text-align: center;
    .h1 {
        flex: 1;
        font-size: .8rem /* 40/50 */;
        margin: 0;
        height: 2rem /* 100/50 */;
        line-height: 2rem /* 100/50 */;
        font-weight: 700;
        color: #ffffff;
    }
}

//discount
.discount {
    .discount-box {
        display: flex;
        flex-wrap: wrap;
        li {
            width: 50%;
            padding: .4rem /* 20/50 */;
            background-color: #ffffff;
            text-align: center;
            border-right: 1px solid #666666;
            border-bottom: 1px solid #666666;
            img {
                width: 4rem /* 200/50 */;
                height: 4rem /* 200/50 */;
                display: block;
                margin: 0 auto;
            }
            p:nth-child(2) {
                font-size: .4rem /* 20/50 */;
                color: #000000;
                font-weight: 700;
            }
            p:nth-child(3) {
                margin-top: .1rem /* 5/50 */;
                color: red;
                
            }
            p:nth-child(4) {
                margin-top: .2rem /* 10/50 */;
                
                
            }
     
        }
    }
}